﻿@model Pku.BookStore.Model.OrderFormModel
@{
    Layout = null;
    ViewBag.Title = "Order";
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="format-detection" content="telephone=no">
    <script type="text/javascript" src="/Scripts/jquery-1.2.6.pack.js"></script>
    <title>订单信息确认</title>
    <link type="text/css" rel="stylesheet" href="/Content/base.css">
    <link type="text/css" rel="stylesheet" href="/Content/common.css">
    <link type="text/css" rel="stylesheet" href="/Content/shoppingcart.css">
    <link href="/Content/orderInfo.css" rel="stylesheet" type="text/css">
    <script src="/Scripts/jquery-1.2.6.pack.js" type="text/javascript"></script>
    <script src="/Scripts/Cart/Order.js" type="text/javascript"></script>
    <style>
        .shopTitle
        {
            height: 15px;
            margin: 3px;
            padding: 3px;
            font-weight: bold;
            font-size: 13px;
        }
        .submitSucInfo
        {
            color: #ff6600;
            text-align: center;
            border: 1px solid #edd28b;
            background: #fffdee;
            line-height: 30px;
            padding: 8px 0 7px 10px;
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: 20px;
            font-weight: bold;
        }
        #cartSelectPanel tr.Thead td
        {
            background: #f0f0f0;
        }
        #cartSelectPanel tr.Thead .price span
        {
            color: red;
        }
        #cartSelectPanel .o_show
        {
            border-bottom: none;
        }
        .cart_op .li3
        {
            padding-left: 10px;
        }
        .submitSucInfo strong
        {
            color: red;
            font-weight: bold;
        }
        .submitSucInfo .tip_1
        {
            margin-left: 35px;
            color: green;
            text-align: left;
        }
        .submitSucInfo .tip_5, .submitSucInfo .tip_6
        {
            margin-left: 90px;
            color: #000;
            text-align: left;
            font-weight: normal;
            font-size: 13px;
            padding: 2px;
            height: 20px;
            line-height: 20px;
            margin-top: 5px;
            margin-bottom: 5px;
        }
    </style>
</head>
<body>
    <div class="Wrap_cart">
        <div id="Top1_order_step2" class="Header_cart">
            <div class="Logo">
                <a href="/" clstag="clickcart|keycount|shoppingcartpop|logo">
                    <img src="/images/logo.png" width="251" height="46"></a>
            </div>
            <ul class="Order_cart" id="Order_cart_S2">
                <li class="step1 s1complete"><a href="/Cart" style="color: #000">1.我的购物车</a></li>
                <li class="step2">2.填写核对订单信息</li>
                <li class="step3">3.成功提交订单</li>
            </ul>
        </div>
        <div class="List_cart marginb10" id="show" name="show">
            @using (Html.BeginForm())
            {
                <div id="Split_panel">
                    <h2>
                        <strong>填写核对订单信息</strong></h2>
                    <div class="cart_table">
                        <!--收货人地址开始-->
                        <div id="part_consignee">
                            <div class="o_show">
                                <h1>
                                    收货人信息
                                </h1>
                                <div class="middle">
                                    <table>
                                        <tbody>
                                            <tr>
                                                <td style="width: 80px;" align="right">
                                                    收货人姓名：
                                                </td>
                                                <td>
                                                    @Html.TextBox("Recipients", "")
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    地 址：
                                                </td>
                                                <td>
                                                    @Html.TextBox("Address", "", new { @style = "width:300px" })
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    手机号码：
                                                </td>
                                                <td>
                                                    @Html.TextBox("Phone", "")
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!--收货人地址结束-->
                        <!--Cart信息开始-->
                        <div id="part_cart">
                            <div class="o_show">
                                <h1>
                                    <span style="margin-right: 700px;">商品清单</span><a id="backToCartBtn" href="/Cart"
                                        style="color: #0070D7">返回修改购物车</a></h1>
                                <div id="promiseDate" style="color: #FF9900">
                                </div>
                                <div class="middle">
                                    <table class="Table" cellpadding="0" cellspacing="0" width="100%">
                                        <tbody>
                                            <tr class="align_Center Thead">
                                                <td width="7%">
                                                    商品编号
                                                </td>
                                                <td>
                                                    商品名称
                                                </td>
                                                <td width="10%">
                                                    价格
                                                </td>
                                                <td width="8%">
                                                    数量
                                                </td>
                                            </tr>
                                            @{
                int rowid = 1;
                double TotalPrice = 0;
                foreach (var item in (List<Pku.BookStore.Web.Models.CartModels>)ViewBag.cartList)
                {
                    TotalPrice += item.Quantity * item.TruePrice;
                                                <tr class="align_Center">
                                                    <td style="padding: 5px 0 5px 0;">
                                                        621605
                                                    </td>
                                                    <td class="align_Left">
                                                        <a target="_blank" href="/Product/Detail/@item.BookID" onclick="this.blur();"
                                                        clstag="clickcart|keycount|shoppingcartpop|productnamelinklistcart">@item.BookName</a>
                                                    </td>
                                                    <td>
                                                        <span class="price">￥@item.TruePrice</span>
                                                    </td>
                                                    <td>
                                                        @item.Quantity
                                                    </td>
                                                </tr>
                    rowid++;
                }
                                            }
                                        </tbody>
                                    </table>
                                </div>
                                <!-- <div class='footer'></div> -->
                                <!-- </div> -->
                            </div>
                        </div>
                        <!--Cart信息结束-->
                        <!-- 结算信息开始 -->
                        <div id="ware_info">
                            <div style="background: #fff; font-size: 14px; font-weight: bold; padding-left: 2px;">
                                结算信息</div>
                            <h1>
                            </h1>
                            <div class="middle">
                                <!--金额信息-->
                                <span id="moneyArea">
                                    <ul id="part_info">
                                        <li class="info2" style="width: 100%; overflow: hidden;">
                                            <table style="width: 100%" cellpadding="0" cellspacing="0">
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                        </td>
                                                        <td style="text-align: right; font-size: 15px;">
                                                            <input type="hidden" id="TotalPrice" name="TotalPrice" value="@TotalPrice">
                                                            <b>应付总额：<font color="red">￥@TotalPrice</font> 元</b>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </li>
                                    </ul>
                                </span>
                            </div>
                        </div>
                        <!-- 结算信息结束 -->
                        <!--提交-->
                        <div class="o_show submit">
                            <div>
                                <span id="submitWaitInfo"></span>
                            </div>
                            <div id="show_error">
                            </div>
                            <div id="submit_btn">
                                <span id="ccPanel" name="ccPanel"></span>
                                <table cellpadding="0" cellspacing="0" width="100%">
                                    <tbody>
                                        <tr>
                                            <td style="padding: 0; text-align: left; vertical-align: top;">
                                                <div style="width: 600px;" id="part_remark">
                                                    <div id="show_remark" style="display: none;">
                                                    </div>
                                                </div>
                                            </td>
                                            <td style="width: 100px; padding: 0;">
                                                <input id="submit" type="submit" onclick="return btnClick();" value="" style="margin-top: 2px;
                                                    border: none; cursor: pointer; width: 160px; height: 53px; background: url(/images/submit.jpg)">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!--提交结束-->
                    </div>
                    <div class="round">
                        <div class="lround">
                        </div>
                        <div class="rround">
                        </div>
                    </div>
                </div>
            }
            <div class="w">
                <div id="footer">
                    <div class="links">
                        <a href="#" target="_blank">关于我们</a>|<a href="#" target="_blank">联系我们</a>|<a href="#"
                            target="_blank">人才招聘</a></div>
                    <div class="copyright">
                        Copyright&#169;2012&nbsp;&nbsp;图书商城&nbsp;版权所有</div>
                </div>
            </div>
            <!-- footer end -->
</body>
</html>
